<template>
	<view class="orderPayment">
		<view>
			<image class="right" src="../../../static/right.png" />
		</view>
		<view class="text">
			<view class="text_1">支付成功</view>
			<view class="text_2">{{money}}</view>
			<view class="text_3">预约编号:{{numeber}}</view>
		</view>
		<view class="button">
				<navigator url="/pages/index/index">
					<button class="button_1" @click="click_1">返回首页</button>

				</navigator>
			<navigator url="/pages/carMaintenance/orderDetail/orderDetail">
				<button class="button_2" @click="click_2">订单详情</button>
			</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				money: '998.00',
				numeber: '324252536363634',
			}
		},
		methods: {
			click_1(e) {
				console.log("返回首页页面")
			},
			click_2(e) {
				console.log("跳转订单详情")
			},
		}
	}
</script>

<style>
	
	.right {
		width: 66px;
		height: 66px;
		margin: 65px 155px 20px 155px;
	}

	.text {
		margin: 0 87px;
		text-align: center;
	}

	.text_1 {
		font-weight: bolder;
		font-size: 20px;
	}

	.text_2 {
		font-size: 37px;
		padding-top: 28px;
	}

	.text_3 {
		font-size: 14px;
		font-weight: 600;
		padding-top: 40px;
	}

	.button {
		margin: 50px 64px 0 64px;
	}

	.button_1 {
		color: white;
		background-color: rgba(29, 111, 255, 1);
	}

	.button_2 {
		color: white;
		background-color: rgba(206, 206, 206, 1);
		margin-top: 20px;
		font-family: Roboto
	}
</style>